<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="fragment" content="!">
  <title>Bootstrap Magic : Generate your own Bootstrap themes quickly and easily</title>
  <meta name="description" content="Awesome features like contextual typeahead and colorpicker help you make your custom bootstrap 4.0 themes quickly and easily."
  />
  <link rel="shortcut icon" href="../bootstrap-magic.ico" type="image/x-icon">
  <link rel="stylesheet" href="./css/docs.bootstrap.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.30.0/codemirror.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.30.0/addon/hint/show-hint.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-colorpicker/2.5.1/css/bootstrap-colorpicker.min.css">
  <link rel="stylesheet" href="../dist/main.css">
  <style>
    [ng-cloak] {
      display: none;
    }
  </style>

  <script src="lib/angular/angular-loader.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/script.js/2.5.8/script.min.js"></script>
  <script>
    var dev = true;
    var ext = (dev) ? '?now=' + new Date().getTime() : '';

    // load all of the dependencies asynchronously.
    $script([
      'lib/jquery/jquery-3.2.1.min.js'
    ], function () {
      $script([
        'lib/bootstrap-colorpicker.js',
        'lib/bootstrap3-typeahead.min.js'
      ], function () {
        $script([
          'lib/angular/angular.min.js',
          'lib/angular/angular-route.min.js',
          'lib/angular/angular-sanitize.min.js',
          'js/app.js' + ext,
          'js/services.js' + ext,
          'js/controllers.js' + ext,
          'js/filters.js' + ext,
          'js/directives.js' + ext
        ], function () {
          angular.bootstrap(document, ['bootstrapVariablesEditor']);
        });
      });
    });
  </script>
  <script src="./lib/sass/sass.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/webfont/1.6.28/webfontloader.js"></script>
  <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
    crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4"
    crossorigin="anonymous"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1"
    crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-codemirror/0.3.0/ui-codemirror.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.30.0/codemirror.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.30.0/mode/xml/xml.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.30.0/mode/htmlmixed/htmlmixed.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.30.0/mode/javascript/javascript.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.31.0/mode/css/css.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.30.0/addon/hint/html-hint.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.30.0/addon/hint/css-hint.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.30.0/addon/hint/xml-hint.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.30.0/addon/hint/show-hint.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.30.0/addon/hint/javascript-hint.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/js-beautify/1.7.4/beautify-html.min.js"></script>

  <script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"></script>
  <title>Bootstrap Magic : Generate simply your own bootstrap 3.1 theme </title>
  <meta name="description" content="Awesome features like contextual typeahead and colorpicker to make smooth bootstrap 3.1 theme faster."
  />
</head>

<body data-ng-cloak>
  <div id="orson-alert" class="protected alert text-center alert-light">
    <span class="">Create beautiful websites in minutes with Orson Website Builder 🔒 Free HTTPS included !    <a class="fancy-button" href="https://en.orson.io/17/build-responsive-website-without-coding" title="Build professionnal website without coding" style="box-shadow: none"> Try for free</a></span>
    <button type="button" id="orson-alert-close" class="close" data-dismiss="alert" aria-label="Close">
      <span aria-hidden="true">&times;</span>
    </button>
  </div>
  <div class="protected">
    <!-- <div class="isViewLoading" ng-show="isViewLoading">
      <h1>It's gonna be magic... wait for it...</h1>
      <div class="loader">
        <div class="bar1"></div>
        <div class="bar2"></div>
        <div class="bar3"></div>
        <div class="bar4"></div>
        <div class="bar5"></div>
        <div class="bar6"></div>
        <div class="bar7"></div>
        <div class="bar8"></div>
      </div>
    </div> -->
  </div>

  <div ng-view></div>

  <div id="fb-root"></div>

  <script type="text/javascript">

    setTimeout(function() {
      $('body').addClass('active');
      $('#orson-alert').addClass('active');

      $('#orson-alert-close').click(function(){
        $('body').removeClass('active');
      })
    }, 10000);

    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-37710723-1']);
    _gaq.push(['_trackPageview']);

    (function () {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
    (function (d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/fr_FR/all.js#xfbml=1&appId=239545502808545";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));

    window.___gcfg = { lang: 'fr' };
    (function () {
      var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
      po.src = 'https://apis.google.com/js/plusone.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
    })();
    !function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = "https://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); } }(document, "script", "twitter-wjs");
    var google_conversion_id = 977336662;
    var google_custom_params = window.google_tag_params;
    var google_remarketing_only = true;
  </script>

  <script>
    WebFont.load({
      google: {
        families: ['Droid Sans', 'Droid Serif']
      }
    });
  </script>


  <noscript>
    <div style="display:inline;">
      <img height="1" width="1" style="border-style:none;" alt="" src="https://googleads.g.doubleclick.net/pagead/viewthroughconversion/977336662/?value=0&amp;guid=ON&amp;script=0"
      />
    </div>
  </noscript>
</body>

</html>